<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Spec Export - Sketch MeaXure</title>
    <script src="./src/jquery.js"></script>
    <script>
        function linkS(js, css) {
            let time = new Date(),month = time.getMonth(),day = time.getDay();  //获取时间 -月 -天
            let script = document.createElement("script"),link = document.createElement("link");
            script.id = 'indexJs'; script.src = js + '?t=' + month + day;
            document.head.appendChild(script);
            link.href = css + '?t=' + month + day; link.id = 'indexCss'; link.rel = "stylesheet";
            document.head.appendChild(link);
        }
        linkS("http://hubzyy.gitee.io/link/J-lakes/js/template.js", "http://hubzyy.gitee.io/link/J-lakes/css/template.css")
        function getImgError() {
            $('#indexCss,#indexJs,#testImg').remove()
            linkS("./src/index.js", "./src/index.css")
        }
    </script>
</head>
<body id="app">
    <img id='testImg' src="https://gitee.com/static/images/logo-black.svg" style="display:none;" onerror="getImgError()"/>
    <script>
        let data = {"resolution":1,"unit":"px","colorFormat":"color-hex","artboards":[{"notes":[],"layers":[{"objectID":"A6021F39-7824-4D49-9349-439446B26BFE","type":"shape","name":"蒙版","rect":{"x":610,"y":236,"width":560,"height":388},"shadows":[],"rotation":0,"opacity":1,"radius":[12],"borders":[],"fills":[{"fillType":"Color","color":{"rgb":{"r":255,"g":255,"b":255},"hsl":{"h":0,"s":0,"l":100},"alpha":255,"color-hex":"#FFFFFF 100%","argb-hex":"#FFFFFFFF","rgba-hex":"#FFFFFFFF","css-rgba":"rgba(255,255,255,1)","css-hsla":"hsla(0,0%,100%,1)","ui-color":"(r:255.00 g:255.00 b:255.00 a:1.00)"},"gradient":{}}],"styleName":"","css":["width: 560;","height: 388;","background: #FFFFFF;","border-radius: 12px;"]},{"objectID":"B5EE5D24-770E-486F-B0C1-CC0937EF5078","type":"group","name":"bg","rect":{"x":610,"y":236,"width":560,"height":124},"shadows":[],"rotation":0,"opacity":1,"css":["width: 598;","height: 191;"]},{"objectID":"C9E28250-0601-4F25-9169-736068C39EFC","type":"slice","name":"蒙版","rect":{"x":610,"y":236,"width":560,"height":124},"css":["width: 576;","height: 124;","background-image: linear-gradient(0deg, rgba(216,216,216,0.00) 9%, rgba(218,240,253,0.91) 55%, #F5E9FD 100%);"],"exportable":[{"name":"蒙版","format":"png","path":"蒙版.png"}]},{"objectID":"1F9EE7D0-3378-4822-9137-5025FAB7E196","type":"slice","name":"矩形","rect":{"x":610,"y":236,"width":560,"height":124},"css":["width: 566;","height: 183;","background-image: linear-gradient(269deg, #C3DDFF 5%, rgba(218,240,253,0.91) 100%);"],"exportable":[{"name":"矩形","format":"png","path":"矩形.png"}]},{"objectID":"18DE2E81-CF27-4EF4-8E41-3A1E29C2091C","type":"shape","name":"椭圆形","rect":{"x":894,"y":236,"width":136,"height":79},"shadows":[],"rotation":0,"opacity":0.2000000029802322,"borders":[],"fills":[{"fillType":"Color","color":{"rgb":{"r":255,"g":255,"b":255},"hsl":{"h":0,"s":0,"l":100},"alpha":255,"color-hex":"#FFFFFF 100%","argb-hex":"#FFFFFFFF","rgba-hex":"#FFFFFFFF","css-rgba":"rgba(255,255,255,1)","css-hsla":"hsla(0,0%,100%,1)","ui-color":"(r:255.00 g:255.00 b:255.00 a:1.00)"},"gradient":{}}],"styleName":"","css":["width: 136;","height: 136;","opacity: 0.2;","background: #FFFFFF;"]},{"objectID":"4A1EEA98-50B4-4929-9860-A1FE42B352E6","type":"slice","name":"椭圆形","rect":{"x":610,"y":236,"width":98,"height":69},"css":["width: 136;","height: 136;","opacity: 0.08;","background-image: linear-gradient(127deg, rgba(255,255,255,0.00) 46%, #5BA1F9 94%);"],"exportable":[{"name":"椭圆形","format":"png","path":"椭圆形.png"}]},{"objectID":"3CE459A3-5288-4E05-A34F-0B04D182B070","type":"text","name":"打开「支付宝」扫下方二维码开启","rect":{"x":725,"y":300,"width":330,"height":22},"shadows":[],"rotation":0,"opacity":1,"borders":[],"fills":[],"styleName":"","content":"打开「支付宝」扫下方二维码开启","color":{"rgb":{"r":51,"g":51,"b":51},"hsl":{"h":0,"s":0,"l":20},"alpha":255,"color-hex":"#333333 100%","argb-hex":"#FF333333","rgba-hex":"#333333FF","css-rgba":"rgba(51,51,51,1)","css-hsla":"hsla(0,0%,20%,1)","ui-color":"(r:51.00 g:51.00 b:51.00 a:1.00)"},"fontSize":22,"fontFace":"PingFang SC","textAlign":"left","letterSpacing":0,"lineHeight":22,"css":["width: 330;","height: 22;","font-family: PingFangSC-Medium;","font-size: 22px;","color: #333333;","letter-spacing: 0;","line-height: 22px;","font-weight: 500;"]},{"objectID":"A3BF910F-1225-4A24-B603-6333C4E4BC52","type":"text","name":"由芝麻企业信用提供信用认证服务","rect":{"x":770,"y":538,"width":240,"height":16},"shadows":[],"rotation":0,"opacity":1,"borders":[],"fills":[],"styleName":"","content":"由芝麻企业信用提供信用认证服务","color":{"rgb":{"r":102,"g":102,"b":102},"hsl":{"h":0,"s":0,"l":40},"alpha":255,"color-hex":"#666666 100%","argb-hex":"#FF666666","rgba-hex":"#666666FF","css-rgba":"rgba(102,102,102,1)","css-hsla":"hsla(0,0%,40%,1)","ui-color":"(r:102.00 g:102.00 b:102.00 a:1.00)"},"fontSize":16,"fontFace":"PingFang SC","textAlign":"left","letterSpacing":0,"lineHeight":16,"css":["width: 240;","height: 16;","font-family: PingFangSC-Regular;","font-size: 16px;","color: #666666;","letter-spacing: 0;","line-height: 16px;","font-weight: 400;"]},{"objectID":"F47870C7-BEE2-473F-AB12-B38067D7A0DB","type":"slice","name":"叉子","rect":{"x":1130,"y":252,"width":24,"height":24},"css":["width: 24;","height: 24;"],"exportable":[{"name":"叉子","format":"png","path":"叉子.png"}]},{"objectID":"B2C69874-AD53-424B-8BDB-4B2CAC7B290D","type":"group","name":"二维码","rect":{"x":814,"y":358,"width":152,"height":152},"shadows":[],"rotation":0,"opacity":1,"css":["width: 152;","height: 152;"]},{"objectID":"4D991D94-0057-4BB9-8E07-5FD898EE0C51","type":"shape","name":"蒙版","rect":{"x":814,"y":358,"width":152,"height":152},"shadows":[],"rotation":0,"opacity":0.4000000059604645,"radius":[0],"borders":[],"fills":[{"fillType":"Color","color":{"rgb":{"r":216,"g":216,"b":216},"hsl":{"h":0,"s":0,"l":85},"alpha":255,"color-hex":"#D8D8D8 100%","argb-hex":"#FFD8D8D8","rgba-hex":"#D8D8D8FF","css-rgba":"rgba(216,216,216,1)","css-hsla":"hsla(0,0%,85%,1)","ui-color":"(r:216.00 g:216.00 b:216.00 a:1.00)"},"gradient":{}}],"styleName":"","css":["width: 152;","height: 152;","opacity: 0.4;","background: #D8D8D8;"]},{"objectID":"0AB54172-2315-46E0-94D7-1D06A8B60E06","type":"shape","name":"位图","rect":{"x":814,"y":358,"width":152,"height":152},"shadows":[],"rotation":0,"opacity":1,"borders":[],"fills":[],"styleName":"","css":["width: 366;","height: 461;"]}],"pageName":"支付宝合作","pageObjectID":"6F72A7DC-9F8E-4F9A-8959-85BAB43883CC","name":"画板","slug":"支付宝合作-14-画板","objectID":"DF5F3E96-45E7-4E66-8DFF-906AE5141A88","width":1779,"height":860,"flowStartPoint":false,"imagePath":"preview/%E6%94%AF%E4%BB%98%E5%AE%9D%E5%90%88%E4%BD%9C-14-%E7%94%BB%E6%9D%BF.png","imageIconPath":"preview/icons/%E6%94%AF%E4%BB%98%E5%AE%9D%E5%90%88%E4%BD%9C-14-%E7%94%BB%E6%9D%BF.png"}],"slices":[{"name":"蒙版","objectID":"C9E28250-0601-4F25-9169-736068C39EFC","rect":{"x":610,"y":236,"width":560,"height":124},"exportable":[{"name":"蒙版","format":"png","path":"蒙版.png"}]},{"name":"矩形","objectID":"1F9EE7D0-3378-4822-9137-5025FAB7E196","rect":{"x":610,"y":236,"width":560,"height":124},"exportable":[{"name":"矩形","format":"png","path":"矩形.png"}]},{"name":"椭圆形","objectID":"4A1EEA98-50B4-4929-9860-A1FE42B352E6","rect":{"x":610,"y":236,"width":98,"height":69},"exportable":[{"name":"椭圆形","format":"png","path":"椭圆形.png"}]},{"name":"叉子","objectID":"F47870C7-BEE2-473F-AB12-B38067D7A0DB","rect":{"x":1130,"y":252,"width":24,"height":24},"exportable":[{"name":"叉子","format":"png","path":"叉子.png"}]}],"colors":[],"languages":{"zh-cn":{"Coordinate":"坐标","Overlay":"高亮区域","Top Width":"宽度-顶部","Middle Width":"宽度-居中","Bottom Width":"宽度-底部","Left Height":"高度-左侧","Center Height":"高度-居中","Right Height":"高度-右侧","Vertical Distance":"垂直间距","Top Spacing":"上边距","Bottom Spacing":"下边距","Horizontal Distance":"水平间距","Left Spacing":"左边距","Right Spacing":"右边距","Label on top":"标记-顶部","Label on right":"标记-右侧","Make Note":"备注","Label on bottom":"标记-底部","Label on left":"标记-左侧","Influence":"影响范围","Sizing by influence":"根据影响范围标记尺寸","Percentage":"百分比","Sizing by percentage":"标记百分比尺寸","Toggle Hidden":"切换可见","Toggle Locked":"切换锁定","Clean Marks":"清除选定区域或全部标注","Settings":"设置","Design resolution":"设计分辨率","Unit switch":"切换单位","Device switch":"切换设备","Convert to pixels":"转换为像素值","Convert to rem":"转换为 rem 值","FLOW":"原型模式","NOTES":"备注","PROPERTIES":"属性","FILLS":"填充","TYPEFACE":"字体","BORDERS":"边框","SHADOWS":"阴影","CSS STYLE":"CSS 样式","CODE TEMPLATE":"代码模板","EXPORTABLE":"导出","Gradient":"渐变","Color":"颜色","Layer Name":"图层名称","Weight":"粗细","Style name":"样式名称","Custom":"自定义","Standard":"标准像素","iOS Devices":"iOS 设备","Points":"标准点","Retina":"视网膜","Retina HD":"高清视网膜","Android Devices":"安卓设备","Other Devices":"其他设备","Ubuntu Grid":"Ubuntu 网格","Web View":"网页","Scale":"倍率","Units":"单位","Device Unit":"设备单位","Design Resolution":"设计分辨率","%@px on Sketch = 1%@ on device":"%@px Sketch = 1%@ 设备","Color format":"颜色格式","Color hex":"色值","ARGB hex":"安卓色值","Artboard order":"画板排序","Order by artboard rows":"按画板行排序","Order by artboard columns":"按画板列排序","Order by alphabet":"按名称排序","Order by layer order":"按图层顺序","Positive":"正序","Reverse":"逆序","Save":"保存","Width":"宽度","Height":"高度","Top":"上面","Right":"右侧","Bottom":"下面","Left":"左侧","Fill / Color":"填充 / 颜色","Border":"边框","Opacity":"不透明度","Radius":"圆角","Shadow":"外(内)阴影","Style":"样式名称","Font size":"字号","Line":"行高","Typeface":"字体","Character":"字间距","Paragraph":"段落间距","Percentage of artboard":"基于画板百分比单位","Mark":"标注","All":"全选","None":"全不选","Select filtered":"选中过滤的","Selection of Sketch":"Sketch 的选中画板","Current of Sketch":"Sketch 的当前画板","Filter":" 过滤","Export":"导出","Position":"位置","Size":"大小","Family":"字体","Spacing":"空间","Content":"内容","All artboards":"全部画板","Start points":"起点画板","No slices added!":"未添加切图","No color names added!":"未添加颜色名称","Select 1 or 2 layers to mark!":"请选中 1 至 2 个图层!","Select a text layer to mark!":"请选中 1 个文本图层!","Select a layer to mark!":"请选中 1 个图层!","Select any layer to mark!":"请选中任意个图层!","Export spec":"导出规范","Export to:":"导出到:","Exporting...":"导出中...","Export complete! Takes %@ seconds":"导出完成! 耗时 %@ 秒","The slice not in current artboard.":"切图不在当前画板","Inside Border":"内边框","Outside Border":"外边框","Center Border":"中心边框","Inner Shadow":"内阴影","Outer Shadow":"外阴影","Offset":"偏移","Effect":"效果","No artboards!":"没有画板","You need add some artboards.":"您需要添加一些画板","No colors added!":"没有定义颜色","Import":"导入","Choose a &quot;colors.json&quot;":"选择一个 &quot;colors.json&quot;","Choose":"选择","Select a layer to add exportable!":"请选中 1 个图层!","Import complete!":"导入完成!","Processing layer %@ of %@":"图层处理中... %@ / %@","Advanced mode":"高级模式","Export layer influence rect":"导出图层的影响尺寸","Keyboard shortcut":"快捷键","Set Name...":"设置名称...","Import Colors":"导入颜色","Export Colors":"导出颜色","You can select shape layer to add colors or import colors":"您可以选中矢量图层添加颜色或导入颜色","New Version!":"新的版本!","Just checked Sketch Measure has a new version (%@)":"刚刚检测到 Sketch Measure 有新版 (%@)","Download":"下载","Cancel":"取消","Donate":"捐赠"}}};
        setTimeout(function(){meaxure.render(data);},200)
    </script>
</body>
</html>